<!DOCTYPE html>
<html>
<head>
    <title>提案附议表</title>
    <#include "/header.html">
</head>

<body>
<style>
    .row {
        border: none;
    }

    .panel {
        margin: 5px;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    }
    h4{
        margin: 5px;
        font-weight: bold;
    }
.qizhong{
    text-indent: 2em;
}
</style>
<div id="rrapp" class="test-5">
    <div style="padding: 10px  20px;">
        <select id="listyear" type="text"style="width: 80px; "  placeholder="请选择">
            <option v-for="item in listyear" :value="item">{{item}}年</option>
        </select>
    <h3 style="text-align: center"> 教代会提案征集统计</h3>
    <h4 class="total">一、总件数</h4>
    <p class="totalqizhong qizhong"></p>
    <h4>  二、提案类别情况</h4>
    <p class="twoqizhong qizhong"></p>
    <h4>  三、立案情况</h4>
    <p class="threeqizhong qizhong"></p>
    <h4>  四、办理情况</h4>
    <p class="fourqizhong qizhong"></p>
    </div>
    <div class="row">
        <div class="col-xs-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div id="over" style="height:400px;"></div>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div id="overtime" style="height:400px;"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">

        <div class="col-xs-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div id="manyi" style="height:400px;"></div>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div id="type" style="height:400px;"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div id="liantype" style="height:400px;"></div>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-sm-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div id="types" style="height:400px;"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-sm-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div id="liandept" style="height:400px;"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12">
        <div class="panel panel-default">
            <div class="panel-body">
                <div id="lianren" style="height:800px;"></div>
            </div>
        </div>
    </div>
</div>

</div>

<script src="${request.contextPath}/statics/js/modules/sys/echarts.min.js?_${.now?long}"></script>
<script src="${request.contextPath}/statics/js/modules/sys/tianfenxi.js?_${.now?long}"></script>
</body>
</html>
